/*加载动画*/
@keyframes mymove
{
from {transform:rotate(0deg);}
to {transform:rotate(360deg);}
}



.loadingbox {width:100%; height:100%; position:fixed; left:0; top:0; z-index:999999999; overflow:hidden; }


.loadingbox:before{content:"";display:block; width:100%; height:25%; position:absolute; z-index:1; left:0; top:0; background:#f8f8f8;}
.loadingbox:after{content:"";display:block; width:100%; height:25%; position:absolute; z-index:1; right:0; top:25%; background:#f8f8f8;}

.loadingbox .loadRim {display:flex; align-items:center;width:100%; height:100%; position:relative;z-index:2;}
.loadingbox .loadRim:before{content:"";display:block; width:100%; height:25%; position:absolute; z-index:1; left:0; top:50%; background:#f8f8f8;}
.loadingbox .loadRim:after{content:"";display:block; width:100%; height:25%; position:absolute; z-index:1; right:0; top:75%; background:#f8f8f8;}


.loadingbox .loadRim .loadTxt {width:400px; height:400px; margin:0 auto; position:relative; display:flex; align-items:center; z-index:3;}
.loadingbox .loadRim .loadTxt:before {content:"";display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;background:url(//dfs.yun300.cn/group1/M00/06/80/rBQBHWCd8V6EPaKKAAAAANrThuk057.png) center no-repeat; background-size:cover; animation: mymove 5s linear infinite ; -webkit-animation:mymove 5s linear infinite;}
.loadingbox .loadRim .loadTxt > div {position:relative;z-index:3; width:100%;}
.loadingbox .loadRim .loadTxt p{text-align:center; padding-bottom:10px;}
.loadingbox .loadRim .loadTxt h2{ text-align:center;}
.loadingbox .loadRim .loadTxt span{text-align:center; display:block; padding-top:10px; font-family:Zcool;}


.loadingbox.hideThis .loadRim .loadTxt > div{opacity:0; transition:all 0.5s ease 1.5s;}
.loadingbox.hideThis .loadRim .loadTxt {transform:scale(10); opacity:0; transition: transform 1s ease 2s, opacity 0.5s ease 2.5s;}

.loadingbox.hideThis:before {width:0; transition:all 1s ease 3s;}
.loadingbox.hideThis:after {width:0; transition:all 1s ease 3.2s;}
.loadingbox.hideThis .loadRim:before {width:0; transition:all 1s ease 3.1s;}
.loadingbox.hideThis .loadRim:after {width:0; transition:all 1s ease 3.2s;}

.loadingbox.hideThis {height:0; transition:0.2s ease 4.3s;}
.loadTxt img {
    width: 150px;
}